﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <title>管理系统</title>
    <link rel="icon" href="themes/images/favicon.ico" type="image/x-icon"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!-- basic styles
    <link type="text/css" rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <script type="text/javascript" src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    -->
    <link type="text/css" rel="stylesheet" href="../plugins/animate-css/animate.min.css">
    <link type="text/css" rel="stylesheet" href="../plugins/amazeUI/css/amazeui.min.css"/>
    <link type="text/css" rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link type="text/css" rel="stylesheet" href="../themes/default/main.css">
    <script type="text/javascript" src="../plugins/jquery/jquery-2.1.4-min.js"></script>
    <script ype="text/javascript" src="../plugins/amazeUI/js/amazeui.min.js"></script>
    <script ype="text/javascript" src="../plugins/amazeUI/js/app.js"></script>
</head>
<body>
<header class="am-topbar am-topbar-inverse sys-header">
    <div class="am-topbar-brand sys-logo"></div>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
            data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span
            class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right sys-header-list">
            <li class="am-dropdown" data-am-dropdown>
                <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                    <span class="am-icon-users"></span>
                    <span class="am-icon-caret-down"></span>
                </a>
                <ul class="am-dropdown-content">
                    <li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
                    <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
                    <li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
                </ul>
            </li>
            <li class="am-hide-sm-only"><a href="javascript:;" id="sys-fullscreen"><span
                    class="am-icon-arrows-alt"></span> <span class="sys-fullText"></span></a></li>
        </ul>
    </div>
</header>

<div class="am-cf sys-main">
    <!-- sidebar start -->
    <div class="sys-sidebar am-offcanvas">
        <div class="am-offcanvas-bar sys-offcanvas-bar">
            <ul class="am-list sys-sidebar-list">
                <li><a href="#"><span class="am-icon-home"></span> 首页</a></li>
                <li class="sys-parent">
                    <a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-file"></span>
                        系统管理<span class="am-icon-angle-right am-fr am-margin-right"></span></a>
                    <ul class="am-list am-collapse sys-sidebar-sub am-in" id="collapse-nav">
                        <li><a href="views/sysmgmt/user/index.html" class="am-cf"><span class="am-icon-check"></span>用户管理</a></li>
                        <li><a href="sys-help.html"><span class="am-icon-puzzle-piece"></span> 帮助页</a></li>
                        <li><a href="sys-gallery.html"><span class="am-icon-th"></span> 相册页面<span
                                class="am-badge am-badge-secondary am-margin-right am-fr">24</span></a></li>
                        <li><a href="sys-log.html"><span class="am-icon-calendar"></span> 系统日志</a></li>
                        <li><a href="sys-404.html"><span class="am-icon-bug"></span> 404</a></li>
                    </ul>
                </li>
                <li><a href="sys-table.html"><span class="am-icon-table"></span> 表格</a></li>
                <li><a href="sys-form.html"><span class="am-icon-pencil-square-o"></span> 表单</a></li>
                <li><a href="#"><span class="am-icon-sign-out"></span> 注销</a></li>
            </ul>
        </div>
    </div>
    <!-- sidebar end -->

    <!-- content start -->
    <div class="sys-content">
        <div class="sys-content-body">
            <div class="am-cf am-padding">
                <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">首页</strong> /
                    <small>一些常用模块</small>
                </div>
            </div>

            <ul class="am-avg-sm-1 am-avg-md-4 am-margin am-padding am-text-center sys-content-list ">
                <li><a href="#" class="am-text-success"><span
                        class="am-icon-btn am-icon-file-text"></span><br/>新增页面<br/>2300</a></li>
                <li><a href="#" class="am-text-warning"><span
                        class="am-icon-btn am-icon-briefcase"></span><br/>成交订单<br/>308</a></li>
                <li><a href="#" class="am-text-danger"><span class="am-icon-btn am-icon-recycle"></span><br/>昨日访问<br/>80082</a>
                </li>
                <li><a href="#" class="am-text-secondary"><span
                        class="am-icon-btn am-icon-user-md"></span><br/>在线用户<br/>3000</a></li>
            </ul>
        </div>

        <footer class="sys-content-footer">
            <hr>
            <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
        </footer>
    </div>
    <!-- content end -->
</div>
</body>
</html>
